<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<title>Almirante</title>
		
	<!-- CSS Framework -->
	<h:outputStylesheet library="css" name="richfaces-custom.css" />
	<!-- <h:outputStylesheet name="richf/mensagens.css"	library="styles" /> -->

	<!-- JS Framework -->
	<h:outputScript library="javascript" name="cookie.js" />
	<h:outputScript library="javascript" name="drag.js" />
	<h:outputScript library="javascript" name="jquery.maskedinput-1.2.2.js" />
	<script>
	 	$(document).scroll(function () { $('#topo').offset({ top: $(document).scrollTop() }); });
	 	 
		function pinhaoET(p){
			if(p){
				if(!$('#titulo').is(':hidden')) $('#titulo').slideUp(function(){ pinhaoEML(); pinhaoTB(true); createCookie('titulo','1',7) });
			}else{
				if($('#titulo').is(':hidden')){
					$('td.menu_vertical_recolher').css({ height: "" });
					$('#titulo').slideDown(function(){ pinhaoEML(); pinhaoTB(false); deleteCookie('titulo') });
				}
			}
		}
		function pinhaoTB(p){
			if(p){
				$('img[id$="icon_maximizar"]').hide();
				$('img[id$="icon_maximizar_disabled"]').show();
				$('img[id$="icon_minimizar"]').show();
				$('img[id$="icon_minimizar_disabled"]').hide();
			}else{
				$('img[id$="icon_maximizar"]').show();
				$('img[id$="icon_maximizar_disabled"]').hide();
				$('img[id$="icon_minimizar"]').hide();
				$('img[id$="icon_minimizar_disabled"]').show();
			}
			
		}
		function pinhaoEML(){
			$('td.menu_vertical_recolher').height( $(window).height() - $('#topo').outerHeight(true) );
		}
	</script>

	<!-- CSS Aplicação -->
	<h:outputStylesheet library="css" name="principal.css" />

	<!-- JS Aplicação -->
		
</h:head>

<h:body>
	<f:view>
		<div id="topo" class="topo_flutuante">
			<ui:include src="/pages/templates/includes/titulo.xhtml" />
			<ui:include src="/pages/templates/includes/menu_horizontal.xhtml" />
			
		</div>
		
		<div id="body" class="corpo_principal">
			<h:panelGrid columns="2" columnClasses="vmenu, corpo" width="100%">
				<rich:panel>
					<ui:insert name="message">
						<rich:messages globalOnly="true" showSummary="true" showDetail="true">
						</rich:messages>
					</ui:insert>
					<ui:insert name="body"/>
				</rich:panel>
			</h:panelGrid>
		</div>
	</f:view>
	
</h:body>
</html>
